<template>
  <div>
    <div style="width: 100%;height: 100px;">
      <a-row :gutter="[16,8]">
        <a-col :span="4"  >
          <a-button-group >
            <a-button @click="whole()">
              全部
            </a-button>
            <a-button @click="classA()">
              甲班
            </a-button>
            <a-button @click="classB()">
              乙班
            </a-button>
          </a-button-group>
        </a-col>

        <a-col :span="3" >
          <a-input v-model="name" placeholder="请输入姓名" />
        </a-col>
        <a-col :span="3" >
          <a-input v-model="jobId" placeholder="请输入工号" />
        </a-col>
        <a-col :span="3" >
          <a-date-picker v-model="riqi" @change="onChange" />

        </a-col>
        <a-col :span="3" >
          <a-select placeholder="选择车间" v-model="workshop" style="width: 120px" @change="handleChange">
            <a-select-option value="一纺">
              一纺
            </a-select-option>
            <a-select-option value="二纺">
              二纺
            </a-select-option>
            <a-select-option value="三纺" >
              三纺
            </a-select-option>
            <a-select-option value="五纺">
              五纺
            </a-select-option>
          </a-select>
        </a-col>
        <a-col :span="2" >
          <a-button @click="GenerateReport()" type="primary" style="width: 100%">
            生成报表
          </a-button>
        </a-col>
        <a-col :span="3" >
          <a-button @click="ExportLengthReport()" style="width: 100%">导出长度报表</a-button>
        </a-col>
        <a-col :span="2"  >
          <a-button @click="ExportReport()" style="width: 100%">导出报表</a-button>
        </a-col>
      </a-row>

      <a-row :gutter=16 style="margin-top: 10px;">
        <a-col :span="4"  >
          <a-select placeholder="选择品种" v-model="variety" style="width: 190px" @change="handleChange">
            <a-select-option value="一纺">
              一纺
            </a-select-option>
            <a-select-option value="二纺">
              二纺
            </a-select-option>
            <a-select-option value="三纺" >
              三纺
            </a-select-option>
            <a-select-option value="五纺">
              五纺
            </a-select-option>
          </a-select>
        </a-col>

        <a-col :span="4"  style="width: 71%">
          <a-select placeholder="选择工种" v-model="jobType" style="width: 190px" @change="handjobType">
            <a-select-option value="一纺">
              一纺
            </a-select-option>
            <a-select-option value="二纺">
              二纺
            </a-select-option>
            <a-select-option value="三纺" >
              三纺
            </a-select-option>
            <a-select-option value="五纺">
              五纺
            </a-select-option>
          </a-select>
        </a-col>

        <a-col :span="2">
          <a-button @click="search()" type="primary" style="width: 100%">
            搜索
          </a-button>
        </a-col>
      </a-row>
    </div>
    <div>
      <a-table rowKey="id" :columns="columnsCuSha" :data-source="dataCuSha" :scroll="{ x: 6500, y: 600 }" :pagination="ipagination">
        <a slot="action" slot-scope="text">action</a>
      </a-table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

      name:'',
      jobId:undefined,
      riqi:undefined,
      workshop:undefined,
      variety:undefined,
      jobType:undefined,
      columnsCuSha,
      dataCuSha,

    };
  },
  methods: {

    whole(){

    },
    classA(){

    },
    classB(){

    },
    GenerateReport(){

    },
    ExportLengthReport(){

    },
    ExportReport(){

    },
    search(){

    },

    handleChange(value) {
      console.log(`selected ${value}`);
    },
    handjobType(value) {
      console.log(`selected ${value}`);
    },
    onChange(date, dateString) {
      console.log(date, dateString);
    },

  },

};

const columnsCuSha = [
  { title: '日期', width: 100, dataIndex: 'column1', key: 'column1', fixed: 'left' },
  { title: '车间', width: 100, dataIndex: 'column2', key: 'column2', fixed: 'left' },
  { title: '班次', width: 100, dataIndex: 'shift_dictText', key: 'shift', fixed: 'left'},
  { title: '上班时间', width: 100, dataIndex: 'column4', key: 'column4', fixed: 'left'},
  { title: '机台时间', width: 100, dataIndex: 'column5', key: 'column5', fixed: 'left'},
  { title: '机号', width: 100,dataIndex: 'column6', key: 'column6',  fixed: 'left' },
  { title: '工号', dataIndex: 'column7', key: 'column7', width: 150 },
  { title: '姓名', dataIndex: 'column8', key: 'column8', width: 150 },
  { title: '品种类别', dataIndex: 'column9', key: 'column9', width: 150 },
  { title: '品种', dataIndex: 'column10', key: 'column10', width: 150 },
  { title: '机台系数', dataIndex: 'column11', key: 'column11', width: 150 },
  { title: '品种系数', dataIndex: 'column12', key: 'column12',width: 150  },
  { title: '单价系数', dataIndex: 'column13', key: 'column13', width: 150 },
  { title: '综合系数', dataIndex: 'column14', key: 'column14', width: 150 },
  { title: '锭数', dataIndex: 'column15', key: 'column15', width: 150 },
  { title: '定量', dataIndex: 'column16', key: 'column16', width: 150 },
  { title: '线速度', dataIndex: 'column17', key: 'column17', width: 150 },
  { title: '粗纱定长', dataIndex: 'column18', key: 'column18', width: 150 },
  { title: '8小时定额长度', dataIndex: 'column19', key: 'column19',width: 150  },
  { title: '台数', dataIndex: 'column20', key: 'column20', width: 150 },
  { title: '8小时台数', dataIndex: 'column21', key: 'column21', width: 150 },
  { title: '定额看台', dataIndex: 'column22', key: 'column22', width: 150 },
  { title: '总看台率%', dataIndex: 'column23', key: 'column23', width: 150 },
  { title: '接班长度', dataIndex: 'column24', key: 'column24', width: 150 },
  { title: '交班长度', dataIndex: 'column25', key: 'column25', width: 150 },
  { title: '长度', dataIndex: 'column26', key: 'column26',width: 150  },
  { title: '产量', dataIndex: 'column27', key: 'column27', width: 150 },
  { title: '落纱次数', dataIndex: 'column28', key: 'column28', width: 150 },
  { title: '换桶数', dataIndex: 'column29', key: 'column29', width: 150 },
  { title: '落纱单价(元)', dataIndex: 'column30', key: 'column30', width: 150 },
  { title: '换桶单价(元)', dataIndex: 'column31', key: 'column31', width: 150 },
  { title: '清洁产量单价(元)', dataIndex: 'column32', key: 'column32', width: 150 },
  { title: '落纱工资(元)', dataIndex: 'column33', key: 'column33',width: 150  },
  { title: '换桶工资(元)', dataIndex: 'column34', key: 'column34', width: 150 },
  { title: '清洁产量工资', dataIndex: 'column35', key: 'column35', width: 150 },
  { title: '系数补扣', dataIndex: 'column36', key: 'column36', width: 150 },
  { title: '其他补贴', dataIndex: 'column37', key: 'column37', width: 150 },
  { title: '合计工资', dataIndex: 'column38', key: 'column38', width: 150 },
  { title: '完成率', dataIndex: 'column39', key: 'column39', width: 150 },
  { title: '机台保养', dataIndex: 'column40', key: 'column40', width: 150 },
  { title: '备注', dataIndex: 'column41', key: 'column41', width: 150 },
  { title: '单台看台率', dataIndex: 'column42', key: 'column42', width: 150 },
  { title: '台日时', dataIndex: 'column43', key: 'column43', width: 150 },
  { title: '看台审核', dataIndex: 'column44', key: 'column44', width: 150 },
  { title: '工号转换', dataIndex: 'column45', key: 'column45', width: 150 },
  { title: '班次出勤条件', dataIndex: 'column46', key: 'column46', width: 150 },
  { title: '工种', dataIndex: 'column47', key: 'column47', width: 150 },
];
const dataCuSha = [
  {
    column1:1,
    column2:1,
    column3:1,
    column4:1,
    column5:1,
    column6:1,
    column7:1,
    column8:1,
    column9:1,
    column10:1,
    column11:1,
    column12:1,
    column13:1,
    column14:1,
    column15:1,
    column16:1,
    column17:1,
    column18:1,
    column19:1,
    column20:1,
    column21:1,
    column22:1,
    column23:1,
    column24:1,
    column25:1,
    column26:1,
    column27:1,
    column28:1,
    column29:1,
    column30:1,
    column31:1,
    column32:1,
    column33:1,
    column34:1,
    column35:1,
    column36:1,
    column37:1,
    column38:1,
    column39:1,
    column40:1,
    column41:1,
    column42:1,
    column43:1,
    column44:1,
    column45:1,
    column46:1,
    column47:1,



  }
];
</script>

<style scoped>

</style>